{extends file="main.tpl"}
{block name=body}
<script type="text/javascript">
$(document).ready(function(){
	$("#parentId").focus();
});
function myFunction()
{
	if(confirm("You Want To Remove This Record")== true)
	{
		return true;
	}
	else
	{
		return false;
	}
}
</script>
<form name="city" action="cityEntry.php" method="POST">
<table align="center">
<td valign="top">	
<table border="1" align="center" cellpadding="1" cellspacing="1">
<tr>	
	<th colspan=2 class="table1">CITY</th>
</tr>
<tr>
	<td align="right">City</td>
	<td><input type="text" name="cityName"  required="cityname" autofocus/></td>
</tr>
<tr>
	<td colspan="2" align="center" class="table1"><input type="submit" name="submit" value="Submit" /></td>
</tr>
</table>
</td>
<td>&nbsp;&nbsp;</td>
<td valign="top">
  <table  border='2' align="center">
  <tr>
  	<th class="table1">&nbsp;</th>
  	<th class="table1">City Name</th>
  </tr>
  {section name="sec" loop=$cityArray}
  <tr>
  	<td class="table2" align="center">
  	  <a href="cityDelete.php?cityId={$cityArray[sec].cityId}" onclick="return myFunction();" class="link"><img src="./images/deleteIcon.png" height="20px" width="20px"></a>
  	</td>
  	<td class="table2" align="left">{$cityArray[sec].city}</td>
  </tr>
  {/section}
  </table>
</td>
</table>
</form>

{/block}